{% from 'bootstrap5/form.html' import render_form %}
{% extends 'base.html' %}


{% block title %}FLASKY博客{% endblock %}

{% block page_content %}

<div class="page-header"> 
    <!-- <div> 
        {% if current_user.can(Permission.WRITE) %} 
        
        {% endif %} 
    </div>  -->
    <!-- Tabs navs -->
<!-- Tabs navs -->
<ul class="nav nav-tabs mb-3" id="ex1" role="tablist">
  <li class="nav-item" role="presentation">
    <a
      class="nav-link active"
      id="ex1-tab-1"
      data-mdb-toggle="tab"
      href="#ex1-tabs-1"
      role="tab"
      aria-controls="ex1-tabs-1"
      aria-selected="true"
      >Tab 1</a
    >
  </li>
  <li class="nav-item" role="presentation">
    <a
      class="nav-link"
      id="ex1-tab-2"
      data-mdb-toggle="tab"
      href="#ex1-tabs-2"
      role="tab"
      aria-controls="ex1-tabs-2"
      aria-selected="false"
      >Tab 2</a
    >
  </li>
  <li class="nav-item" role="presentation">
    <a
      class="nav-link"
      id="ex1-tab-3"
      data-mdb-toggle="tab"
      href="#ex1-tabs-3"
      role="tab"
      aria-controls="ex1-tabs-3"
      aria-selected="false"
      >Tab 3</a
    >
  </li>
</ul>
<!-- Tabs navs -->

<!-- Tabs content -->
<ul class="nav nav-tabs mb-3" id="ex1" role="tablist">
    <li class="nav-item" role="presentation">
      <a
        {% if not show_followed %} class="nav-link active" aria-selected="true" {% else %} class="nav-link"  aria-selected="false"{% endif %}
        id="ex1-tab-1"
        data-mdb-toggle="tab"
        href="{{ url_for('.show_all') }}"
        role="tab"
        aria-controls="ex1-tabs-1"
        >
        所有文章
      </a>
    </li>
    <li class="nav-item" role="presentation">
      <a
        {% if not show_followed %} class="nav-link" aria-selected="false" {% else %} class="nav-link active" aria-selected="true" {% endif %}
        id="ex1-tab-2"
        data-mdb-toggle="tab"
        href="{{ url_for('.show_followed') }}"
        role="tab"
        aria-controls="ex1-tabs-2"
      >
      关注者的文章
      </a>
    </li>
    
  </ul>
  <!-- Tabs navs -->
  
  


    <ul class="posts"> 
        {% include "_posts.html" %}
    </ul> 
</div> 


<p>北京时间： {{ moment(current_time).format('LLL') }}.</p> 
<p>当前是 {{ moment(current_time).fromNow(refresh=True) }}</p>


{% endblock %}
    
    

